<template>
  <div style="display: flex;">
    <div class="number" v-for="item in data">{{item}}</div>
  </div>
</template>
<script setup>
import {  defineProps } from 'vue'
const props = defineProps({
  data:{
    type:String,
    default:0
  }
})
</script>
<style scoped lang="less">
.number{
  width: 32px;
  height: 60px;
  border:1px solid #37B9C7;
  font-size: 40px;
  color:#ffffff;
  line-height: 56px;
  text-align: center;
  border-radius: 4px;
  margin-left: 5px;
}

</style>
